<style>
        * { margin: 0;padding: 0;}
        .top {height: 40px;margin: 0 0 10px 0;display: flex;justify-content: space-between;align-items: center;color: #cccccc;font-size: 25px;}
        .img1 {height: 20px;margin: 10px 0 0 20px;}
        .more {margin: 0 15px 0 0;font-size: 20px;}
        .top-1 {color: #1a1ae8;font-size: 20px;}
        .top-2 {height: 30px;background: #1a1ae8;}
        .top-3 {font-size: 20px;margin: 10px 0 15px 10px;color: #4e4e50;}
        .content {width: 100%;background: #4e4e50;padding: 10px 0 0 0;}
        .content1 {width: 100%;height: 100px;background: white;margin: 5px 0 0 0;display: flex;justify-content: space-around;align-items: center;}
        .zs {height: 23px;}
        .boxx {
            width: 100%;
            height: 70px;
        }

        .img-mango {
            height: 60px;
        }

        .mgboss {
            font-size: 17px;
            color: #4e4e50;
        }

        .uid {
            font-size: 10px;
            color: #cccccc;
            margin: 5px 0;
        }

        .uid1 {
            font-size: 13px;
        }

        span {
            color: #cccccc;
            font-size: 10px;
        }

        .wenzi {
            display: inline-block;
            color: #37fff7;
            font-size: 10px;
        }

        .box1 {
            display: flex;
            align-items: center;
            position: relative;

        }

        .ctbox {
            width: 220px;
        }

        .foter-1 {
            height: 65px;
            width: 100%;
        }

        .foter {
            display: flex;
            justify-content: space-around;
            align-items: flex-end;
            font-size: 10px;
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60px;
            background: white;
        }

        .ft-img {
            width: 30px;
            height: 50px;
            text-align: center;
        }

        .img-ft {
            width: 30px;
            height: 30px;
        }

        .ft-img1 {
            width: 50px;
            height: 60px;
            text-align: center;
            font-size: 5px;
        }

        .img-ft1 {
            width: 50px;
            height: 45px;
        }

        .shuzi {
            font-size: 13px;
            position: absolute;
            left: 7px;
            top: 0px;
            display: inline-block;
            color: #1a1ae8;
        }

        .bigbox {
            display: flex;
            justify-content: center;
        }

        .rjt {
            height: 20px;
        }

        .tiao {
            width: 20px;
        }
    </style>

    <!-- 头部 -->
    <div class="top">
        <a onclick="mview.view.load('/views/home/main.html')">
        <img src="../../Images/img/jiantouhui.png" class="img1">
        </a>
        <div class="top-1">
            明星交易员
        </div>
        <div class="more">
            更多
        </div>
    </div>
    <div class="top-2">
        <div class="bigbox">
            <div class="box1">
                <img src="../../Images/img/zuanshi.png" class="zs">
                <div class="shuzi"><b>1</b></div>
                <div class="wenzi">
                    发起会话
                </div>
                <img src="../../Images/img/tiao.png" class="tiao">
            </div>

            <div class="box1">
                <img src="../../Images/img/zuanshi.png" class="zs">
                <div class="shuzi"><b>2</b></div>
                <div class="wenzi">
                    谈妥数量和价格
                </div>
                <img src="../../Images/img/tiao.png" class="tiao">
            </div>

            <div class="box1">
                <img src="../../Images/img/zuanshi.png" class="zs">
                <div class="shuzi"><b>2</b></div>
                <div class="wenzi">
                    担保交易
                </div>
                <img src="../../Images/img/tiao.png" class="tiao">
            </div>

        </div>

    </div>
    <div class="top-3">
        BTC参考价44559.74CNY
    </div>
    <!-- 内容 -->
    <div class="content">
        <div class="content1">
            <div><img src="../../Images/img/tubiao.png" class="img-mango"></div>
            <div class="ctbox">
                <div class="mgboss"><b>芒果老板</b></div>
                <div class="uid">U I D:m a n g g o 7 6 7 2</div>
                <div class="uid1">127.112 <span>BTC |</span> 100 <span>% 好评</span></div>
            </div>
            <div><img src="../../Images/img/youhui.png" class="rjt"></div>

        </div>
        <div class="content1">
            <div><img src="../../Images/img/tubiao.png" class="img-mango"></div>
            <div class="ctbox">
                <div class="mgboss"><b>芒果老板</b></div>
                <div class="uid">U I D:m a n g g o 7 6 7 2</div>
                <div class="uid1">127.112 <span>BTC |</span> 100 <span>% 好评</span></div>
            </div>
            <div><img src="../../Images/img/youhui.png" class="rjt"></div>

        </div>
        <div class="boxx"> </div>
        <script type="text/javascript">
            var pagedata = {
                request: {
                    method: "VIEW_HOME_MAIN",
                    linkroot: true
                },
                screen: {
                    header_display: false,
                    footer_choose: "home"
                },
                data: {
                },
                methods: {
                   
                }
            }
            mview.view.chlid.init(pagedata);
        </script>